@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
font-size: 12px; 
  font-family: 'Microsoft YaHei',"华文细黑",Helvetica,Arial,sans-serif;
  vertical-align:baseline;
}
blockquote, q { quotes:none; }
img { border: none; }
ul,li,form, dl,dt, dd, div { padding: 0px; margin: 0px; }
li { list-style: none; }
.clear { clear: both; font-size: 0px; height: 0px; line-height: 0px; background-color: Red; overflow: hidden; }
a { color: #fff; text-decoration: none; }
a:focus {outline:none;-moz-outline:none;}
a:hover {color:#898989; text-decoration: none; }
select { font-size: 12px; color: #555555; }
.space{ clear: both; font-size: 0px; height: 10px; line-height: 0px; overflow: hidden; }
/**/

*::-moz-selection {
    background: none repeat scroll 0 0 #AC1C1C;
    color: #FFFFFF;
    text-shadow: none;
}
/** //////  header //// **/

html, body { overflow: hidden; background: #fff; min-width:1004px;width:100%;  width:expression((documentElement.clientWidth < 1004) ? "1004px" : "100%" ); margin: 0px auto;  }


.header{height:70px; position:fixed; top:0px;  background:#4a3230; width:100%;z-index:1000;}
.mainnav { width:965px; margin:0px auto; background:url(../images/logo.png) no-repeat 10px 0px; height:65px; padding-left:185px; padding-top:5px;}

.mainnav ul{ display:inline-block; height:16px; padding-top:20px;}
.mainnav ul li {float:left; display:inline-block; height:16px; overflow:hidden; padding:0px 10px; background:url(../images/line.gif) no-repeat right center; padding:0px 28px 0px 27px;}
.mainnav ul li.liend{ background:none;}
.mainnav ul li a{line-height:16px;display:inline-block;height:16px; overflow:hidden;}
.mainnav ul li a img{ margin-top:0px;}
.mainnav ul li a.cur img{ margin-top:-16px;}


/*********************/
.footer{ background:url(../images/footbg.png) repeat-x left top; height:300px;position:relative;}
.bt_ico{ background:url(../images/bt_txt.png) no-repeat center top; height:149px; position:absolute; left:0px; top:55px; width:100%;}

.foot_box{ width:1004px; position:relative; margin:0px auto; }
.foot_box .share{padding-top:55px; padding-left:315px; font-family:"微软雅黑"; font-size:14px; font-weight:normal; color:#a09493; display:inline-block;}
.foot_box .share span{ float:left;}
.Bt_link{ width:475px; height:85px; position:relative; padding-left:385px; color:#a09493; margin-top:20px; overflow:hidden; }
.Bt_link samp{ display:inline-block; width:60px; position:absolute; left:315px; top:2px;font-family:"微软雅黑"; font-size:14px;}
.Bt_link span{ display:inline-block; float:left; width:158px;}
.Bt_link span a{ display:inline-block; background:url(../images/ico.gif) no-repeat left center; line-height:25px; padding-left:10px; color:#a09493;} 
.Bt_link span a:hover{ color:#fef9f9;}

.Bt_nav{ line-height:30px;color:#a09493; width:1200px; margin:0px auto; padding-top:70px; }
.Bt_nav span{ float:right;}
.Bt_nav a{color:#a09493; margin:0px 10px;}
.Bt_nav a:hover{ color:#fef9f9;}


.right_menu{ width:99px; position:fixed; top:90px; right:10px; display:inline-block; z-index:1000;}
.right_menu p{ margin:0px; padding:0px; width:99px; height:30px; overflow:hidden; margin-bottom:1px; text-align:right;}
.right_menu a{ display:inline-block; height:30px; overflow:hidden; cursor:pointer;}
.right_menu a img{ margin-left:-104px;}

.right_menu a#RA1 img{ margin-top:0px;}
.right_menu a#RA2 img{ margin-top:-31px;}
.right_menu a#RA3 img{ margin-top:-62px;}
.right_menu a#RA4 img{ margin-top:-93px;}
.right_menu a#RA5 img{ margin-top:-124px;}
.right_menu a#RA6 img{ margin-top:-155px;}
.right_menu a#RA7 img{ margin-top:-186px;}




/*****************/
.wrapBox { position: fixed; top: 70px; width: 100%;  min-width:1004px;}
.box { position: relative;width: 100%; height: 800px; overflow: hidden; min-width:1004px;}
.box_fixed { position: relative!important; width: 100%; min-width:1004px; height: 570px; }

.wrapbg{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1;}
.wrapbg img{ height:100%;}


.box .zIndex10 { z-index: 10; }
.box .zIndex40 { z-index: 40; }
.box .zIndex50 { z-index: 50; }
.box .zIndex150 { z-index: 150; }
.box .zIndex160 { z-index: 160; }

.b2_bg{  background:#f4f1ee fixed;}
.b3_bg{ background:#f2f5f6 fixed;}
.b4_bg{ background: #F9F5EB fixed; }
.b5_bg{background:#F2FAF4 fixed;}
.b6_bg{ background:#f4f3eb fixed;}





#focusBar{ display:none; width:100%; height:670px; position:absolute; z-index:115; overflow:hidden; margin-top:-335px; top:50%; }
#focusBar ul{ display:inline-block; position:absolute; left:0px; top:0px;height:670px; z-index:1; width:500%;}
#focusBar li { width:100%;height:670px; display:inline-block; position:relative; float:left; overflow:hidden;}
#focusBar .focusL { height:670px; position:absolute; z-index:9;  top:0px; left:-100%; width:100%;}
#focusBar .focusR { height:670px; position:absolute; z-index:19;top:0px; right:-100%; width:100%;}
#focusIndex0 .focusL{ background:url(../images/ban/ban1_left.png) no-repeat center top;}
#focusIndex0 .focusR{ background:url(../images/ban/ban1_right.png) no-repeat center top;}
#focusIndex1 .focusL{ background:url(../images/ban/ban2_left.png) no-repeat center top;}
#focusIndex1 .focusR{ background:url(../images/ban/ban2_right.png) no-repeat center top;}
#focusIndex2 .focusL{ background:url(../images/ban/ban3_left.png) no-repeat center top;}
#focusIndex2 .focusR{ background:url(../images/ban/ban3_right.png) no-repeat center top;}
#focusIndex3 .focusL{ background:url(../images/ban/ban4_left.png) no-repeat center top;}
#focusIndex3 .focusR{ background:url(../images/ban/ban4_right.png) no-repeat center top;}



.BanTab{ width:1004px; height:6px; margin-left:-502px; left:50%; top:10px; position:absolute; text-align:right; z-index:2;}
.BanTab span{ display:inline-block; width:26px; height:6px; background:#ffe4b3; margin-left:5px; }
.BanTab span.aon{background:#86622b;}


.bg1{ height:100%; position:absolute; right:0px; top:0px; z-index:116;}
.bg1 img{ height:100%;}
.bg2{ height:100%; position:absolute; left:0px; top:0px; z-index:1;}
.bg2 img{height:100%;}
.bg3{ height:100%; position:absolute; left:0px; top:0px; z-index:1;}
.bg3 img{height:100%;}
.bg4{ height:100%; position:absolute; left:0px; top:0px; z-index:1;}
.bg4 img{height:100%;}
.bg5{ height:100%; position:absolute; left:0px; top:0px; z-index:1;}
.bg5 img{height:100%;}
.bg6{ height:100%; position:absolute; left:0px; top:0px; z-index:5;}
.bg6 img{height:100%;}



/********* Case  *******************/
#Case{width:100%;overflow:hidden;height:550px; z-index:105; position:absolute; top:50%; margin-top:-275px; }


.Wrap_box{ width:1004px; height:550px; position:relative; margin:0px auto;}

.Case_ico{ background:url(../images/case_ico.png) no-repeat left top; width:1004px; height:286px;  left:0px; position:absolute; top:0px;} 
.Case_ge_ico{ background:url(../images/case_ico_g.png) no-repeat left top; width:504px; height:286px; position:absolute; left:250px; top:-200px;}

.Case_title_ico{width:387px; height:125px; position:absolute; right:0px; top:0px;}
.Case_title_ico a{ display:inline-block; width:387px; height:125px; position:absolute; right:0px; bottom:0px;background:url(../images/case_title.png) no-repeat left top; }
.Case_title_ico a:hover{background:url(../images/case_title.png) no-repeat left -140px;}
.b2_01{ background:url(../images/case_qiq.png) no-repeat left top; width:255px; height:314px; display:inline-block; position:absolute; z-index:4;}
.b2_02{ background:url(../images/case_yun2.png) no-repeat left top; width:194px; height:106px; position:absolute;}
.b2_07{ background:url(../images/case_yun.png) no-repeat left top; width:349px; height:645px; position:absolute; z-index:4;}


/**/
.HCaseBox{ width:840px; height:380px; position:absolute; right:80px; top:170px; z-index:11;}
.HCaseBox li{ display:inline-block; float:left; margin-left:9px; width:271px; cursor:pointer;}
.HCaseBox li a.pic{ display:block; width:270px; height:180px; border:1px solid #fff; border-left:0px; border-top:0px; position:relative; margin-top:9px; cursor:pointer;}
.HCaseBox li a img{ width:270px; height:180px;}
.HCaseBox li a p{ margin:0px; padding:0px; width:270px; height:35px; background:url(../images/look.png) no-repeat left top; position:absolute; left:0px; top:0px; color:#fff; padding-top:145px; text-align:center; line-height:25px; display:none;}
.HCaseBox .prev{ display:inline-block; width:44px; height:44px; background:url(../images/arrow_bg.png) no-repeat left top; position:absolute; left:-66px; top:170px;}
.HCaseBox .next{ display:inline-block; width:44px; height:44px; background:url(../images/arrow_bg.png) no-repeat right top; position:absolute; right:-66px; top:170px;}
/*
.HCaseBox .prev:hover{ background:url(../images/arrow_bg.png) no-repeat left -62px;}
.HCaseBox .next:hover{ background:url(../images/arrow_bg.png) no-repeat right -62px;}
*/
/**/


/**************************   Client   ***********/
#Client{height:750px; position:absolute; z-index:105; bottom:0px; width:1004px; margin-left:-502px; left:50%;}
.Client_ico{ background:url(../images/client_ico.png) no-repeat center top; height:293px; position:absolute; top:68px; left:0px; width:100%;}
.Client_title{ background:url(../images/client_title.jpg) no-repeat left top; width:333px; height:118px; position:absolute; right:0px; top:90px; z-index:1;}

.b3_01{ background:url(../images/client_yezi.png) no-repeat left top;width:369px; height:400px; position:absolute; right:0px; bottom:30px;}
.b3_01 span{ background:url(../images/client_bei.png) no-repeat left top;display:inline-block;  width:369px; height:400px;}
.b3_02{background:url(../images/client_title.jpg) no-repeat left top; width:333px; height:118px; position:absolute; right:0px; top:186px; z-index:1;}

.Client_box{ width:645px; height:740px; position:absolute; left:72px; top:11px; background:url(../images/client_tree.png) no-repeat center bottom; z-index:5;}

.Client_list{ width:567px; height:501px; padding-left:28px;}
.Client_list li{ width:567px; height:501px; float:left;}
.Client_list li img{width:567px; height:501px; }


.Client_box .prev{ display:inline-block; width:44px; height:44px; background:url(../images/arrow_bg.png) no-repeat left top; position:absolute; left:28px; top:245px;}
.Client_box .next{ display:inline-block; width:44px; height:44px; background:url(../images/arrow_bg.png) no-repeat right top; position:absolute; right:50px; top:245px;}

/*
.Client_box .prev:hover{ background:url(../images/arrow_bg.png) no-repeat left -62px;}
.Client_box .next:hover{ background:url(../images/arrow_bg.png) no-repeat right -62px;}
*/

.Client_bei{background:url(../images/client_bei.png) no-repeat left top; width:369px; height:400px; position:absolute; right:-97px; bottom:86px;}
.Client_tree{background:url(../images/client_yezi.png) no-repeat left top; width:369px; height:400px; position:absolute; right:-97px; top:0px; z-index:2; display:none;}




/******************  solution  **************************/
#Solutions{background:url(../images/solution_xing.png) no-repeat center  center fixed; position:relative; height:100%; z-index:11;}
#Solutions .Wrap_box{ width:1004px; height:475px; position:absolute; left:50%; top:50%; margin-left:-502px; margin-top:-237px;}


.Solutions_title{ background:url(../images/solution_title.png) no-repeat left top; width:609px; height:100px; display:inline-block; position:absolute; right:0px; top:-40px;}
.Solutions_ico{ background:url(../images/home/solution_ico.png) no-repeat left top; width:100%; height:180px; position:absolute;  bottom:0px; }


.Solutions{ background:url(../images/solution_tu.png) no-repeat left 25px; width:728px; height:500px; position:absolute; top:0px; left:-20px;}

.S_item{ width: 160px; height: 160px; position: absolute; overflow: hidden; cursor:pointer; }
.S_item samp{ font-family:"微软雅黑"; font-size:14px; color:#64504f; display:block; text-align:right; width:100%;}

#sitem2{ left:186px; top:0px;}
#sitem2 samp{ position: absolute;left:-160px; bottom: 137px; }
#sitem2 span{ position:absolute; left:78px; bottom:20px;}
#sitem2 b{ position:absolute; left:-160px; bottom:20px;}


#sitem1{  left:510px; top:110px; }
#sitem1 samp{ position:absolute;left:-160px;  bottom:0px; text-align:left;}
#sitem1 span{ position:absolute; left:5px; bottom:50px;}
#sitem1 b{ position:absolute; left:-160px; bottom:50px;}

#sitem3{ left: 483px; top: 304px; }
#sitem3 samp{ position: absolute;left:-160px;  bottom: 0px; text-align: center; }
#sitem3 span{ position: absolute; left: 38px; bottom: 71px; }
#sitem3 b{ position:absolute; left:-160px; bottom:71px;}

#sitem4{ left: 21px; top: 197px; }
#sitem4 samp{ position: absolute; left:-160px; bottom:0px; text-align:left; }
#sitem4 span{ position: absolute; left:16px; bottom: 55px; }
#sitem4 b{ position:absolute; left:-160px; bottom:55px;}


.Solutions_show{ background:url(../images/solution_bg.jpg) repeat left top; padding:42px 0px 6px 0px; height:317px; position:absolute; left:0px; top:50%; margin-top:-182px; width:100%; display:none;}
.Solution_text{width:1004px;height:317px; margin:0px auto; position:relative;}

.Solution_text .close{ display:inline-block; background:url(../images/close.jpg) no-repeat left top; width:27px; height:27px; position:absolute; right:0px; top:0px; cursor:pointer; z-index:2;}

.Solu_box{ border:1px solid #f2f5f6; background:#f2f5f6; width:1002px; height:268px; position:relative; z-index:1; display:none;}
.Solu_box .pic{ position:absolute; right:0px; top:0px;}
.Solu_box .txt{ position:absolute; left:40px; top:60px; line-height:30px; color:#64504f; font-size:14px; font-family:"微软雅黑"; width:515px;}
.Solu_box .txt p{ margin:0px; padding:0px;}

.Solu_tab{ display:inline-block; width:1004px; background:url(../images/tab_bg.png) no-repeat left top; height:42px; margin-top:5px;}
.Solu_tab li{ float:left; width:220px; height:36px; display:inline-block; padding-top:6px; padding-left:31px; cursor:pointer; background:url(../images/tab_aonbg.png) no-repeat -260px top;}
.Solu_tab li img{ float:left; height:36px;}
.Solu_tab li span{ display:inline-block; line-height:30px; color:#fff; font-size:12px; font-family:"微软雅黑"; padding-left:20px;}
.Solu_tab li.aon{ background:url(../images/tab_aonbg.png) no-repeat left top;}




/**************************  Team **********************/
#Team{background:url(../images/team_deng.png) no-repeat center top #F2FAF4 fixed;}
#Team .Wrap_box{width:1004px; height:550px; margin-left:-502px; margin-top:-275px; position:absolute; left:50%; top:50%; z-index:3;}



.Team_title{ background:url(../images/team_title.png) no-repeat left top; width:387px; height:99px; position:absolute; left:0px; /*top:-40px;*/}
/*.Team_ico{ background: url(../images/team_ico.png) no-repeat left top; width: 224px; height: 379px; position: absolute;  left: 629px; top: -55px;  }*/
.Team_ico{ background: url(../images/team_ico.png) no-repeat left top; width: 224px; height: 379px; position: absolute; left: 634px; top: -30px; z-index:3; }

.Team_list{background:url(../images/team_people.png) no-repeat left top; width:1004px; height:602px; position:absolute; left:0px; top:40px; z-index:2;}
.Team_list span{ display:inline-block; width:144px; height:144px; position:absolute; cursor:pointer; overflow:hidden;}
/*.Team_list span img{ position: absolute; width: 43px; height: 47px; left: 50px; top:50px; }*/
.Team_list span img{ position: absolute; width: 43px; height: 47px; left: 50px; top:-100px; }

#Team1{ left: 425px; top: 0px; }
#Team2{ right: 30px; top: 158px; }
#Team3{ right: 270px; top: 424px; }
#Team4{ left: 128px; top: 326px; }
#Team5{ left: 19px; top: 64px; }

.Team_list samp{ display: inline-block; height: 36px; width: 36px; position: absolute; right: 240px; top: 321px; overflow:hidden; cursor:pointer; }
.Team_list samp img{ width:36px; height:36px; position:absolute; left:0px; top:-46px;}


.Team_show{ background:url(../images/solution_bg.jpg) repeat left top; padding:40px 0px 8px 0px; height:310px; position:absolute; left:0px; top:50%; margin-top:-179px; width:100%; z-index:3; display:none;}
.Team_img{width:1004px;height:282px; margin:0px auto; position:relative; overflow:hidden; background:#F2F5F6;}
/*.Team_img p{ margin:0px; padding:0px;}
.Team_img p img{width:1004px;height:282px; }*/
.Man_List{}
.Man_List li{ display:block; padding:28px 24px 28px 44px;}
.Man_List li .Photo{ width:105px; float:left; padding:22px 24px 0 0;}
.Man_List li .Photo .img{ width:105px; height:105px;}
.Man_List li .Photo span{ color:#A19F9D; padding-top:10px; display:block;}
.Man_List li .txtBox{ width:242px; float:left;}
.Man_List li .txtBox .Ti{ padding-top:22px; overflow:hidden;}
.Man_List li .txtBox .Ti span{ background:#F56200; color:#fff; height:24px; line-height:24px; padding:0 8px; display:block; float:left;}
.Man_List li .txtBox .txt{ color:#6A6460; padding:10px 0 0; line-height:24px;}
.Man_List li .Works{ width:544px; float:right;}
.Man_List li .Works img{ width:544px; height:225px;}

.Team_show .close{ display:inline-block; background:url(../images/close.jpg) no-repeat left top; width:27px; height:27px; position:absolute; right:5px; top:5px; cursor:pointer; z-index:2;}

.Team_tab{ text-align:center; padding-top:10px;}
.Team_tab span{ display:inline-block; width:10px; height:10px; cursor:pointer; background:url(../images/num.png) right top; margin-right:10px;}
.Team_tab span.aon{ background:url(../images/num.png) left top; }



/****************Contact      ***********************/
#Contact{ position:relative; height:100%;}
#Contact .Wrap_box{width:1004px; height:550px; margin-left:-502px; margin-top:-275px; position:absolute; left:50%; top:50%;}


.contact_title{ display:inline-block; background:url(../images/contact_title.png) no-repeat left top; width:276px; height:99px; position:absolute; right:0px; top:0px;}

.Form_box{ background:url(../images/contact_box.png) no-repeat left top; width:856px; height:482px; position:absolute; right:0px; top:156px;}
.Form_box .F_txt{ font-family:"微软雅黑"; line-height:20px; color:#bdb5b5; font-size:12px; text-align:right; width:340px; height:40px; position:absolute; right:23px; top:68px; z-index:11;}
.Form_box .name_input{ border: 0px; background:none; width: 345px; height: 39px; line-height: 39px; color: #bdb5b5; padding: 0px 10px; position: absolute; right: 25px; top: 124px; font-family:"微软雅黑";z-index:11;}
.Form_box .phone_input{ border: 0px; background:none; width: 155px; height: 39px; line-height: 39px; color: #bdb5b5; padding: 0px 10px; position: absolute; right: 215px; top: 182px;font-family:"微软雅黑"; z-index:11;}
.Form_box .qq_input{ border: 0px; background:none; width: 137px; height: 39px; line-height: 39px; color: #bdb5b5; padding: 0px 10px; position: absolute; right: 25px; top: 182px;font-family:"微软雅黑";z-index:11; }
.Form_box .tip_input{z-index:11; border: 0px; background: none; width: 345px; height: 84px; line-height: 25px; color: #bdb5b5; padding: 0px 10px; position: absolute; right: 25px; top: 239px; overflow:hidden;font-family:"微软雅黑"; font-size:12px; }
.Form_box .btn{ border: 0px; background:none; cursor: pointer; width: 61px; height: 31px; position: absolute; right: 27px; bottom: 112px;z-index:11; }

.html_bg{ width:100%; height:100%; position:fixed; z-index:117; background:url(../images/html_bg.gif) no-repeat center center;}


.index_home{ width:117px; height:60px; padding-top:60px; position:fixed; right:20px; bottom:20px; background:url(../images/index_fixed_03.png) no-repeat center center; z-index:999999; text-align:center; line-height:26px;}
.index_home_2015{background-image:url(../images/index_fixed_2015.png); bottom:150px;}
.Statis_warp{width: 1133px;margin: 104px auto 0px;}






.QQcustomer{ position:fixed; left:8px; bottom:8px; z-index:9999; cursor:pointer; width:136px; height:136px;}
.QQcustomer span{ display:block; width:10px; height:9px; right:0; top:0; cursor:pointer; position:absolute; background:url(../images/QQcustomer_span.png) no-repeat; z-index:33;}
.QQcustomer .big{ position:relative; width:100%; height:136px;}
.QQcustomer .big img{ position:absolute; left:0; bottom:0; width:100%; display:none;}
.QQcustomer .big img:first-child{ display:block;}

/*404页面*/
.ErrorBd{ overflow:auto;}
.ErrorBd .header{ position:static;}
.ErrorBox{ width:492px; margin:0 auto; padding:92px 160px;}
.ErrorBox p,.ErrorBox span{ font-size:22px; font-family:"微软雅黑"; color:#6A6975;}
.ErrorBox p{ margin:0; padding:10px 0; text-align:center;}